<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>服务预约</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="./css/sm.min.css">
    <link rel="stylesheet" href="./css/sm-extend.min.css">
   <link href="../css/flickerplate.css"  type="text/css" rel="stylesheet">
   <link href="./css/zukeFuwuList.css" rel="stylesheet">
   <script src="../js/jquery-2.1.1.js"></script>
   <script src="../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
   <script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
   <script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
   <script src="./js/allServer.js" ></script>
   <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="./js/zepto.js"></script>
	<script src="./js/sm.js" ></script>
	<script src="../js/common.js"></script>
	<script src="./js/sm-extend.js" ></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
  </head>
  
  <body>
  <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left" href="javascript:window.history.back();" data-transition='slide-out'>
          <span class="icon icon-left"></span>
        </a>
        <h1 class="title">服务预约</h1>
    </header>
  <div style="width: 100%;background: #fff;position: absolute;z-index: 999;margin-top: 45px;" id="search_content">
	<div style="background:#f6f5f5;height: 45px;">
			<div class="searchbar row" style="margin: 0px 0px 0;">
			<div class="search-input col-80" style="margin-left: 0;width: 80%;">
				<label class="icon icon-search" for="search"></label> 
				<input type="search" id='keyword'  placeholder='输入姓名/手机号码' />
			</div>
			<a class="searchbar-cancel1" id="searchTxt" style="vertical-align: sub;padding-left: 16px;">搜索</a>
		</div>

	</div>
  </div>
<div class="content" style="top:4.7em">

  <div class="list-block media-list" id="peoplelist">
  </div>
  <div style="width: 100%;text-align: center;" id="loadmore">加载更多</div>
</div>
<script type="text/javascript">
window.$$=window.Zepto = Zepto;
var pageNum=1;
var currPageNum=1;
function toLink(txt,tagrt) {
	document.location.href = "./" + txt;
}
var storage=window.localStorage;
getUserInfo();
function  getUserInfo(){
	var flag="";
	if(storage.getItem("flag")==0) flag="租客";
	if(storage.getItem("flag")==1) flag="房东";
	if(storage.getItem("flag")==2) flag="管家";
	$("#nickName").text(storage.getItem("nickName")+"("+flag+")");
	$("#phone").text(storage.getItem("phone"));
	$("#headimg").attr("src",storage.getItem("headimg"));}
$("#butler").click(function(){
	 window.location.href = "../jsp/login.html";
})

$(function() {// 初始化内容
	allServer.load(0);
});
$("#searchTxt").click(function(){
	allServer.load(0);///appointment/getList.do
});
$("#loadmore").click(function(){
	currPageNum ++;
	var pageNum_= (currPageNum-1)*10;
	allServer.load(pageNum_);///appointment/getList.do
})

</script>
  </body>
</html>

